<h4 class="page-header">Tự động đăng bài</h4>

<div class="row placeholders">
    <!-- Nav tabs -->
    <ul class="nav nav-tabs" id="mytab" role="tablist">
        <li class="active"><a href="#post-wall" role="tab" data-toggle="tab">Đăng bài lên tường mình</a></li>
        <li><a href="#post-friend" role="tab" data-toggle="tab">Đăng bài lên tường bạn</a></li>
        <li><a href="#post-group" role="tab" data-toggle="tab">Đăng bài vào nhóm</a></li>        
    </ul>

    <!-- Tab panes -->
    <div class="tab-content">
        <div class="tab-pane fade in active" id="post-wall">
            <div>&nbsp;</div>
            <div class="col-lg-8">
                <div class="panel panel-primary">
                    <div class="panel-heading">Nội dung đăng bài</div>
                    <div class="panel-body">
                        <form class="form-horizontal" role="form" method="post" action="<?php echo base_url('post/wall'); ?>" id="fbForm" enctype="multipart/form-data">
                            <?php if (empty($message) == FALSE) { ?>
                                <div class="row">
                                    <div class="col-sm-3">&nbsp;</div>
                                    <div class="col-sm-9">
                                        <div class="alert alert-info"><?php echo $message; ?></div>
                                    </div>
                                </div>
                            <?php } ?>
                            <?php if (empty($error) == FALSE) { ?>
                                <div class="row">
                                    <div class="col-sm-3">&nbsp;</div>
                                    <div class="col-sm-9">
                                        <div class="alert alert-danger"><?php echo $error; ?></div>
                                    </div>
                                </div>
                            <?php } ?>
                            <div class="form-group">
                                <label for="input-name" class="col-sm-3 control-label">Tên bài</label>
                                <div class="col-sm-9">
                                    <input type="text" name="name" class="form-control" id="input-name" placeholder="Tên bài" value="<?php echo isset($params_post['name']) ? $params_post['name'] : ''; ?>">
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="input-name" class="col-sm-3 control-label">Ảnh đính kèm</label>
                                <div class="col-sm-9">
                                    <input type="file" name="image[]" class="form-control" id="files" multiple="true">
                                    <div id="selectedFiles" class="text-left"></div>
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="input-name" class="col-sm-3 control-label">Nội dung</label>
                                <div class="col-sm-9">
                                    <textarea name="content" class="form-control" rows="10"><?php echo isset($params_post['content']) ? $params_post['content'] : ''; ?></textarea>
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="input-name" class="col-sm-3 control-label">&nbsp;</label>
                                <div class="col-sm-9" style="text-align: left;">
                                    <button type="submit" class="btn btn-info">Lưu thông tin</button>
                                    <button type="submit" class="btn btn-danger">Hủy dữ liệu</button>
                                </div>
                            </div>                                
                        </form>
                    </div>    
                </div>
            </div>
            <div class="col-lg-4">
                <div class="list-group">
                    <a href="javascript:void(0)" class="list-group-item active list-group-item-info text-left">
                        Lưu ý khi đăng bài
                    </a>
                    <a href="javascript:void(0)" class="list-group-item text-left">1. Mỗi bài đăng cách nhau 5 phút</a>                    
                    <a href="javascript:void(0)" class="list-group-item text-left">2. Không nên đăng cùng nội dung với hình ảnh</a>                    
                    <a href="javascript:void(0)" class="list-group-item text-left">3. Đăng bài vào nhóm có nhiều thành viên</a>                    
                    <a href="javascript:void(0)" class="list-group-item text-left">1. Mỗi bài đăng cách nhau 5 phút</a>                    
                    <a href="javascript:void(0)" class="list-group-item text-left">2. Không nên đăng cùng nội dung với hình ảnh</a>                    
                    <a href="javascript:void(0)" class="list-group-item text-left">3. Đăng bài vào nhóm có nhiều thành viên</a>                    
                </div>
            </div>
            <div class="col-lg-12">
                <div class="panel panel-primary">
                    <div class="panel-heading">Quản lý nội dung</div>
                    <div class="panel-body">
                        <table id="mytable" class="mytable table table-striped" cellspacing="0" width="100%">
                            <colgroup>
                                <col width="2%"></col>
                                <col width="25%"></col>
                                <col width="35%"></col>
                                <col width="10%"></col>                                
                                <col width="15%"></col>                                
                                <col width="10%"></col>                                
                            </colgroup>
                            <thead>
                                <tr>
                                    <th>ID</th>
                                    <th>Tên bài</th>
                                    <th>Nội dung</th>
                                    <th>Hình</th>
                                    <th>Trạng thái</th>
                                    <th>Thao tác</th>
                                </tr>
                            </thead>

                            <tfoot>
                                <tr>
                                    <th>ID</th>
                                    <th>Tên bài</th>
                                    <th>Nội dung</th>
                                    <th>Hình</th>
                                    <th>Trạng thái</th>
                                    <th class="no-sort">Thao tác</th>
                                </tr>
                            </tfoot>

                            <tbody>
                                <?php foreach ($post_wall as $key => $value) { ?>
                                    <tr>
                                        <td><?php echo intval($value['id']); ?></a></td>
                                        <td><a href="<?php echo base_url('post/update') . '/' . $value['id']; ?>"><?php echo $value['name']; ?></a></td>
                                        <td><?php echo word_limiter($value['content'], 20); ?></td>
                                        <td><?php echo count(json_decode($value['image'], TRUE)); ?> hình</td>
                                        <td data-id="<?php echo $value['id']; ?>"><?php echo $value['status'] == 1 ? '<a href="javascript:void(0)" onclick="update_status(this, 0)" style="color: green;">Đang chạy</a>' : '<a href="javascript:void(0)" onclick="update_status(this, 1)" style="color: red;">Đang tắt</a>'; ?></td>
                                        <td><a href="" style="color: red">Xóa</a></td>
                                    </tr>
                                <?php } ?>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
        <div class="tab-pane fade in" id="post-friend">
            <div>&nbsp;</div>
            <div class="col-lg-8">
                <div class="panel panel-primary">
                    <div class="panel-heading">Nội dung đăng bài</div>
                    <div class="panel-body">
                        <form class="form-horizontal" role="form" method="post" action="<?php echo base_url('post/friend'); ?>" id="fbForm" enctype="multipart/form-data">
                            <?php if (empty($message) == FALSE) { ?>
                                <div class="row">
                                    <div class="col-sm-3">&nbsp;</div>
                                    <div class="col-sm-9">
                                        <div class="alert alert-info"><?php echo $message; ?></div>
                                    </div>
                                </div>
                            <?php } ?>
                            <?php if (empty($error) == FALSE) { ?>
                                <div class="row">
                                    <div class="col-sm-3">&nbsp;</div>
                                    <div class="col-sm-9">
                                        <div class="alert alert-danger"><?php echo $error; ?></div>
                                    </div>
                                </div>
                            <?php } ?>
                            <div class="form-group">
                                <label for="input-name" class="col-sm-3 control-label">Tên bài</label>
                                <div class="col-sm-9">
                                    <input type="text" name="name" class="form-control" id="input-name" placeholder="Tên bài" value="<?php echo isset($params_post['name']) ? $params_post['name'] : ''; ?>">
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="input-name" class="col-sm-3 control-label">Ảnh đính kèm</label>
                                <div class="col-sm-9">
                                    <input type="file" name="image[]" class="form-control" id="files" multiple="true">
                                    <div id="selectedFiles" class="text-left"></div>
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="input-name" class="col-sm-3 control-label">Nội dung</label>
                                <div class="col-sm-9">
                                    <textarea name="content" class="form-control" rows="10"><?php echo isset($params_post['content']) ? $params_post['content'] : ''; ?></textarea>
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="input-name" class="col-sm-3 control-label">&nbsp;</label>
                                <div class="col-sm-9" style="text-align: left;">
                                    <button type="submit" class="btn btn-info">Lưu thông tin</button>
                                    <button type="submit" class="btn btn-danger">Hủy dữ liệu</button>
                                </div>
                            </div>                                
                        </form>
                    </div>    
                </div>
            </div>
            <div class="col-lg-4">
                <div class="list-group">
                    <a href="javascript:void(0)" class="list-group-item active list-group-item-info text-left">
                        Lưu ý khi đăng bài
                    </a>
                    <a href="javascript:void(0)" class="list-group-item text-left">1. Mỗi bài đăng cách nhau 5 phút</a>                    
                    <a href="javascript:void(0)" class="list-group-item text-left">2. Không nên đăng cùng nội dung với hình ảnh</a>                    
                    <a href="javascript:void(0)" class="list-group-item text-left">3. Đăng bài vào nhóm có nhiều thành viên</a>                    
                    <a href="javascript:void(0)" class="list-group-item text-left">1. Mỗi bài đăng cách nhau 5 phút</a>                    
                    <a href="javascript:void(0)" class="list-group-item text-left">2. Không nên đăng cùng nội dung với hình ảnh</a>                    
                    <a href="javascript:void(0)" class="list-group-item text-left">3. Đăng bài vào nhóm có nhiều thành viên</a>                    
                </div>
            </div>
            <div class="col-lg-12">
                <div class="panel panel-primary">
                    <div class="panel-heading">Quản lý nội dung</div>
                    <div class="panel-body">
                        <table id="mytable" class="mytable table table-striped" cellspacing="0" width="100%">
                            <colgroup>
                                <col width="2%"></col>
                                <col width="25%"></col>
                                <col width="35%"></col>
                                <col width="10%"></col>                                
                                <col width="15%"></col>                                
                                <col width="10%"></col>                                
                            </colgroup>
                            <thead>
                                <tr>
                                    <th>ID</th>
                                    <th>Tên bài</th>
                                    <th>Nội dung</th>
                                    <th>Hình</th>
                                    <th>Trạng thái</th>
                                    <th>Thao tác</th>
                                </tr>
                            </thead>

                            <tfoot>
                                <tr>
                                    <th>ID</th>
                                    <th>Tên bài</th>
                                    <th>Nội dung</th>
                                    <th>Hình</th>
                                    <th>Trạng thái</th>
                                    <th class="no-sort">Thao tác</th>
                                </tr>
                            </tfoot>

                            <tbody>
                                <?php foreach ($post_friend as $key => $value) { ?>
                                    <tr>
                                        <td><?php echo intval($value['id']); ?></a></td>
                                        <td><a href="<?php echo base_url('post/update') . '/' . $value['id']; ?>"><?php echo $value['name']; ?></a></td>
                                        <td><?php echo word_limiter($value['content'], 20); ?></td>
                                        <td><?php echo count(json_decode($value['image'], TRUE)); ?> hình</td>
                                        <td data-id="<?php echo $value['id']; ?>"><?php echo $value['status'] == 1 ? '<a href="javascript:void(0)" onclick="update_status(this, 0)" style="color: green;">Đang chạy</a>' : '<a href="javascript:void(0)" onclick="update_status(this, 1)" style="color: red;">Đang tắt</a>'; ?></td>
                                        <td><a href="" style="color: red">Xóa</a></td>
                                    </tr>
                                <?php } ?>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
        <div class="tab-pane fade in" id="post-group">
            <div>&nbsp;</div>
            <div class="col-lg-8">
                <div class="panel panel-primary">
                    <div class="panel-heading">Nội dung đăng bài</div>
                    <div class="panel-body">
                        <form class="form-horizontal" role="form" method="post" action="<?php echo base_url('post/group'); ?>" id="fbForm" enctype="multipart/form-data">
                            <?php if (empty($message) == FALSE) { ?>
                                <div class="row">
                                    <div class="col-sm-3">&nbsp;</div>
                                    <div class="col-sm-9">
                                        <div class="alert alert-info"><?php echo $message; ?></div>
                                    </div>
                                </div>
                            <?php } ?>
                            <?php if (empty($error) == FALSE) { ?>
                                <div class="row">
                                    <div class="col-sm-3">&nbsp;</div>
                                    <div class="col-sm-9">
                                        <div class="alert alert-danger"><?php echo $error; ?></div>
                                    </div>
                                </div>
                            <?php } ?>
                            <div class="form-group">
                                <label for="input-name" class="col-sm-3 control-label">Tên bài</label>
                                <div class="col-sm-9">
                                    <input type="text" name="name" class="form-control" id="input-name" placeholder="Tên bài" value="<?php echo isset($params_post['name']) ? $params_post['name'] : ''; ?>">
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="input-name" class="col-sm-3 control-label">Ảnh đính kèm</label>
                                <div class="col-sm-9">
                                    <input type="file" name="image[]" class="form-control" id="files" multiple="true">
                                    <div id="selectedFiles" class="text-left"></div>
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="input-name" class="col-sm-3 control-label">Nội dung</label>
                                <div class="col-sm-9">
                                    <textarea name="content" class="form-control" rows="10"><?php echo isset($params_post['content']) ? $params_post['content'] : ''; ?></textarea>
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="input-name" class="col-sm-3 control-label">&nbsp;</label>
                                <div class="col-sm-9" style="text-align: left;">
                                    <button type="submit" class="btn btn-info">Lưu thông tin</button>
                                    <button type="submit" class="btn btn-danger">Hủy dữ liệu</button>
                                </div>
                            </div>                                
                        </form>
                    </div>    
                </div>
            </div>
            <div class="col-lg-4">
                <div class="list-group">
                    <a href="javascript:void(0)" class="list-group-item active list-group-item-info text-left">
                        Lưu ý khi đăng bài
                    </a>
                    <a href="javascript:void(0)" class="list-group-item text-left">1. Mỗi bài đăng cách nhau 5 phút</a>                    
                    <a href="javascript:void(0)" class="list-group-item text-left">2. Không nên đăng cùng nội dung với hình ảnh</a>                    
                    <a href="javascript:void(0)" class="list-group-item text-left">3. Đăng bài vào nhóm có nhiều thành viên</a>                    
                    <a href="javascript:void(0)" class="list-group-item text-left">1. Mỗi bài đăng cách nhau 5 phút</a>                    
                    <a href="javascript:void(0)" class="list-group-item text-left">2. Không nên đăng cùng nội dung với hình ảnh</a>                    
                    <a href="javascript:void(0)" class="list-group-item text-left">3. Đăng bài vào nhóm có nhiều thành viên</a>                    
                </div>
            </div>
            <div class="col-lg-12">
                <div class="panel panel-primary">
                    <div class="panel-heading">Quản lý nội dung</div>
                    <div class="panel-body">
                        <table id="mytable" class="mytable table table-striped" cellspacing="0" width="100%">
                            <colgroup>
                                <col width="2%"></col>
                                <col width="25%"></col>
                                <col width="35%"></col>
                                <col width="10%"></col>                                
                                <col width="15%"></col>                                
                                <col width="10%"></col>                                
                            </colgroup>
                            <thead>
                                <tr>
                                    <th>ID</th>
                                    <th>Tên bài</th>
                                    <th>Nội dung</th>
                                    <th>Hình</th>
                                    <th>Trạng thái</th>
                                    <th>Thao tác</th>
                                </tr>
                            </thead>

                            <tfoot>
                                <tr>
                                    <th>ID</th>
                                    <th>Tên bài</th>
                                    <th>Nội dung</th>
                                    <th>Hình</th>
                                    <th>Trạng thái</th>
                                    <th class="no-sort">Thao tác</th>
                                </tr>
                            </tfoot>

                            <tbody>
                                <?php foreach ($post_group as $key => $value) { ?>
                                    <tr>
                                        <td><?php echo intval($value['id']); ?></a></td>
                                        <td><a href="<?php echo base_url('post/update') . '/' . $value['id']; ?>"><?php echo $value['name']; ?></a></td>
                                        <td><?php echo word_limiter($value['content'], 20); ?></td>
                                        <td><?php echo count(json_decode($value['image'], TRUE)); ?> hình</td>
                                        <td data-id="<?php echo $value['id']; ?>"><?php echo $value['status'] == 1 ? '<a href="javascript:void(0)" onclick="update_status(this, 0)" style="color: green;">Đang chạy</a>' : '<a href="javascript:void(0)" onclick="update_status(this, 1)" style="color: red;">Đang tắt</a>'; ?></td>
                                        <td><a href="" style="color: red">Xóa</a></td>
                                    </tr>
                                <?php } ?>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script>
    $(function() {
        $('.mytable').dataTable({
            "order": [[4, "asc"]],
            language: {
                "url": "{base_url}assets/theme/frontend/datatable/locale/vn.json"
            }
        });

        var hash = window.location.hash;        
        $('#mytab a[href="' + hash + '"]').tab('show');
    });

    $('#fbForm').bootstrapValidator({
        feedbackIcons: {
            valid: 'glyphicon glyphicon-ok',
            invalid: 'glyphicon glyphicon-remove',
            validating: 'glyphicon glyphicon-refresh'
        },
        fields: {
            name: {
                validators: {
                    stringLength: {min: 3},
                    notEmpty: {}
                }
            },
            content: {
                validators: {
                    notEmpty: {}
                }
            },
        }
    });

    $('#mytab a').click(function(e) {
        e.preventDefault()
        $(this).tab('show');
    });
</script>
<script>
    var selDiv = "";
    document.addEventListener("DOMContentLoaded", init, false);
    function init() {
        document.querySelector('#files').addEventListener('change', handleFileSelect, false);
        selDiv = document.querySelector("#selectedFiles");
    }

    function handleFileSelect(e) {
        if (!e.target.files)
            return;
        selDiv.innerHTML = "";
        var files = e.target.files;
        for (var i = 0; i < files.length; i++) {
            var f = files[i];

            selDiv.innerHTML += f.name + "<br/>";

        }
    }
    function update_status(el, status) {
        var id = $(el).parent().attr('data-id');
        $(el).parent().html('<span class="temp_loading" style="text-align: center">Đang xử lý...</span>');
        jQuery.ajax({
            type: 'post',
            url: '<?php echo base_url('post/update_status'); ?>',
            data: {
                id: id,
                status: status,
            },
            success: function() {
                var el = jQuery('.temp_loading').parent();
                if (status == 1) {
                    el.html('<a href="javascript:void(0)" onclick="update_status(this, 0)" style="color: green;">Đang chạy</a>');
                } else {
                    el.html('<a href="javascript:void(0)" onclick="update_status(this, 1)" style="color: red;">Đang tắt</a>');
                }
            },
        });
    }
</script>